$(function(){
	var userGrid = $("#leaders");
	userGrid.datagrid({
		url:'project/listLeader',
		fit:true,
		border:false,
		rownumbers:true,
		singleSelect:true,
		emptyMsg:"<img src='public/images/zuzhang.png'/>",
		fitColumns:true,
		pagination : false,
		columns : [ [  {
			field : 'student',
			title : '项目组长',
			width : 100,
			align: 'center'	,
			formatter : function(val,rec){
				return rec.student.name;
			}
		},{	
			field : 'project',
			title : '项目标题',
			width : 100,
			align: 'center',
			formatter : function(val,rec){
				return rec.project.title;
			}
		}, {
			field : 'ac',
			title : '操作',
			width : 100,
			align : 'center',
			formatter:function(value,row,index){
				var bts = [];
				bts.push('<a data-index="'+index+'" class="ctr edit" >编辑</a>');
				bts.push('<a data-id="'+row.id+'" data-index="'+index+'" class="ctr delete">删除</a>');
				return bts.join('');
			}
		}]],
		onClickRow:function(rowIndex, rowData){
			var id=rowData.id;
		    $('#members').datagrid({
		    	url:"project/listMembers/"+id,
		    	fit:true,
				border:false,
				rownumbers:true,
				fitColumns:true,
				pagination : false,
				emptyMsg:"<img src='public/images/zuyuan.png'/>",
				columns : [ [  {
					field : 'student',
					title : '组员',
					width : 100,
					align: 'center'	,
					formatter : function(val,rec){
						return rec.student.name;
					}
				}, {
					field : 'ac',
					title : '操作',
					width : 100,
					align : 'center',
					formatter:function(value,row,index){
						var bts = [];
						bts.push('<a data-id="'+row.id+'" data-index="'+index+'" class="ctr deleteMember">删除</a>');
						return bts.join('');
					}
				}]],
				toolbar:[{
				    	 iconCls:'icon-add',
				    	 text:"分配组员",
				    	 url:"project/add_member",
				    	 handler : function(index) {
				    		 addMember();
						}
				     }
				]
			});
		    
		    var gridPanel =$('#members').datagrid("getPanel");
			gridPanel.on("click", "a.deleteMember", function() {
				// 获取data-xxx绑定的标签属性数据
				var index = this.dataset.index;
				var id = this.dataset.id;
				$.messager.confirm("提示", "您确定要删除此数据?", function(r) {
					// 点击了确定按钮，r返回的结果为true
					if (r) {
						$.get("project/deleteMember/" + id, function(rs) {
							if (rs.success) {
								// 刷新表格
								$('#members').datagrid("reload");
							} else {
								$.message.alert("提示", rs.message);
							}
						});
					}
				});
			})
		    
		   },
		toolbar:[
		     {
		    	 iconCls:'icon-back',
		    	 text:"返回",
		    	 handler : function() {
		    		 var tabs = $("#tabs");
		    			var tab=$("#tabs").tabs('getSelected');
		    			 tabs.tabs('update',{   
		    					tab:tab,
		    					options: {
		    						closable:true,
		    						title: '项目管理',
		    						 href:'/project_manage' // the new content URL
		    					}
		    		  });
		    		 tab.panel('refresh', '/project_manage');
				}
		     },{
		    	 iconCls:'icon-add',
		    	 text:"分配组长",
		    	 url:"project/add_leader",
		    	 handler : function(index) {
		    		 addLeader();
				}
		     }
		]
	});
	
	var gridPanel = userGrid.datagrid("getPanel");
	gridPanel.on("click", "a.edit", function() {
		// 获取data-xxx绑定的标签属性数据
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = userGrid.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].id;
		addLeader(id);
	}).on("click", "a.delete", function() {
		// 获取data-xxx绑定的标签属性数据
		var index = this.dataset.index;
		var id = this.dataset.id;
		$.messager.confirm("提示", "您确定要删除此数据?", function(r) {
			// 点击了确定按钮，r返回的结果为true
			if (r) {
				$.get("project/deleteleader/" + id, function(rs) {
					if (rs.success) {
						// 刷新表格
						userGrid.datagrid("reload");
					} else {
						$.message.alert("提示", rs.message);
					}
				});
			}
		});
	});
	/**
	 * 打开添加组长界面
	 */
	function addLeader(id){
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'project/add_leader' + (id ? ("/" + id) : ""),
			title:"项目信息",
			height:200,
			width:350,
			modal : true,
			onClose : function() {
				// 窗口关闭的同时销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '保存',
				handler : function() {
					// 获取到表单对象
					var leaderForm = $("#leaderForm");
					// 校验表单
					if (leaderForm.form('validate')) {
						// serialize方法可以获取到表单所有数据
						$.post("project/saveLeader", leaderForm.serialize(), function(rs) {
							if (rs.success) {
								//刷新数据表格
								userGrid.datagrid("reload");
								//关闭窗口
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}
			} ]
		});
	}
	/**
	 * 打开组员分配界面
	 */
		function addMember(id){
			// 创建窗口
			var dialog = $("<div/>").dialog({
				href : 'project/add_member' + (id ? ("/" + id) : ""),
				title:"分配组员",
				height:515,
				width:750,
				modal : true,
				onClose : function() {
					// 窗口关闭的同时销毁此窗口
					$(this).dialog("destroy");
				},
				buttons : [ {
					iconCls : 'icon-save',
					text : '保存',
					handler : function() {
						// 获取到表单对象
						var selRows = $('#addMemberGrid').datagrid('getSelections');
						//判断复选框是否选中
						if(selRows.length > 0){
							//获取所选复选框中的值
							var checkedItems = $('#addMemberGrid').datagrid('getChecked');
							var names = [];
							$.each(checkedItems, function(index, item){
								//获取选中学员的ID
								names.push(item.id);
							 });
							$.post("project/savemembers" + (names ? ("/" + names) : ""), function(rs) {				   
								if (rs.success) {
									//刷新数据表格
									userGrid.datagrid("reload");
									//关闭窗口
									dialog.dialog("close");
									$('#members').datagrid("reload");
								} else {
									$.messager.alert("提示", rs.message);
								}
							});				
						}else{
							$.messager.alert("提示", "未选择任何学生！");
						}
					}
				} ]
			});
	}
});